<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="exploitation.css">
  <link rel="stylesheet" href="../css/swiper-bundle.css">
</head>

<body>
  <div class="box">
    <div class="top">
      <div class="tit">
        <div class="tit-left">
          <img src="../image/logo.png" alt="">
        </div>
        <div class="tit-right">
          <img src="../image/电话01-F.png" alt="">
          <div>咨询我们：18605446225</div>
        </div>
      </div>
      <!-- 导航条 -->
      <div class="nav">
        <div class="nav1">
          <div class="nav1-1"><a href="../index/index.html">首页</a></div>
          <div class="nav1-1"><a href="../exploitation/exploitation.html">网站开发</a></div>
          <div class="nav1-1"><a href="../appkf/appkf.html">APP开发</a></div>
          <div class="nav1-1"><a href="../programs/programs.html">小程序开发</a></div>
          <div class="nav1-1"><a href="../case/case.html">案例</a></div>
          <div class="nav1-1"><a href="../about/about.html">关于我们</a></div>
        </div>
      </div>
      <!-- 轮播图 -->
      <div class="swiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="../image/banner.png" alt="">
          </div>
          <div class="swiper-slide">
            <img src="../image/banner.png" alt="">
          </div>
          <div class="swiper-slide">
            <img src="../image/banner.png" alt="">
          </div>
        </div>
      </div>
    </div>
    <!-- 内容 -->
    <div class="content">
      <!-- 网站服务 -->
      <div class="wf-service">
        <div class="wf-service__title">网站服务</div>
        <div class="wf-service__content">更专注精研只为打造建站系统</div>
        <div class="wf-service__img">
          <div class="wf-service__img__item">
            <div class="img1"><img src="/image/fw8.png" alt=""></div>
            <div class="img2"><img src="/image/fw7.png" alt=""></div>
            <div class="img3">自适应定制</div>
            <div class="line"></div>
          </div>
          <div class="wf-service__img__item">
            <div class="img1"><img src="/image/fw6.png" alt=""></div>
            <div class="img2"><img src="/image/fw5.png" alt=""></div>
            <div class="img3">电商网站定制</div>
            <div class="line"></div>
          </div>
          <div class="wf-service__img__item">
            <div class="img1"><img src="/image/fw4.png" alt=""></div>
            <div class="img2"><img src="/image/fw3.png" alt=""></div>
            <div class="img3">手机网站定制</div>
            <div class="line"></div>
          </div>
          <div class="wf-service__img__item">
            <div class="img1"><img src="/image/fw2.png" alt=""></div>
            <div class="img2"><img src="/image/fw1.png" alt=""></div>
            <div class="img3">品牌网站定制</div>
            <div class="line"></div>
          </div>
        </div>
      </div>
      <!-- 私人定制 -->
      <div class="customize">
        <div class="title1">高档的私人定制</div>
        <div class="title2">为用户提供更好体验更适合营销推广</div>
        <div class="an-box">
          <div class="an-box1">
            <div class="an-item">
              <div class="an-item_img">
                <img src="../image/dz3.png" alt="">
              </div>
              <div class="an-item-text">
                <div class="an-t">科技前线<br /><span>为用户提供更好体验更适合营销</span></div>
              </div>
            </div>
            <div class="an-item">
              <div class="an-item_img">
                <img src="../image/dz1.png" alt="">
              </div>
              <div class="an-item-text">
                <div class="an-t">科技前线<br /><span>为用户提供更好体验更适合营销</span></div>
              </div>
            </div>
            <div class="an-item">
              <div class="an-item_img">
                <img src="../image/dz2.png" alt="">
              </div>
              <div class="an-item-text">
                <div class="an-t">科技前线<br /><span>为用户提供更好体验更适合营销</span></div>
              </div>
            </div>
            <div class="an-item">
              <div class="an-item_img">
                <img src="../image/dz3.png" alt="">
              </div>
              <div class="an-item-text">
                <div class="an-t">科技前线<br /><span>为用户提供更好体验更适合营销</span></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 经典案例 -->
      <div class="case-box">
        <div class="case">
          <div class="title1">经典案例</div>
          <div class="title2">为用户提供更好体验更适合营销推广</div>
          <div class="case-item">
            <div class="case-top">
              <div class="left">
                <div class="title">网站经典</div>
                <div class="line"></div>
                <div class="text">
                  专注网站建设、网站设计、品牌设计、网络营销、网站托管，整合营销服务为执仑服务。专注于创察设计实理商业的值较大化，为所有谋裳长远龙属的
                  <br />企业据升品牌品质，拥有经验丰南技术团队，专业的资深设计师。
                </div>
              </div>
              <div class="right">
                <div class="img">
                  <img src="../image/case1.png" alt="">
                </div>
              </div>
            </div>
            <div class="case-bottom">
              <div class="right">
                <div class="img">
                  <img src="../image/case2.png" alt="">
                </div>
              </div>
              <div class="left">
                <div class="title">网站经典</div>
                <div class="line"></div>
                <div class="text">
                  专注网站建设、网站设计、品牌设计、网络营销、网站托管，整合营销服务为执仑服务。专注于创察设计实理商业的值较大化，为所有谋裳长远龙属的
                  <br />企业据升品牌品质，拥有经验丰南技术团队，专业的资深设计师。
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 底部 -->
    <div class="foot">
      <div class="foot-box">
        <div class="foot-box-top">
          <div class="foot-box-top1">
            <div class="foot-left">
              <div class="left-item">山东柏瑞设计有限公司</div>
              <div class="left-item">联系电话：18605446225</div>
              <div class="left-item">地址：济南创新谷2号楼孵化器五楼(长清区海棠路与芙蓉路交叉路口东南)</div>
            </div>
            <div class="foot-right">
              <div class="img">
                <img src="../image/二维码.png" alt="">
              </div>
              <div class="text">微信公众号</div>
            </div>
          </div>
        </div>
        <div class="foot-box-bottom">
          <div class="text">
            Shandong Bairui software Technology Co, Ltd.山东柏瑞软件科技有限公司版权所有 鲁ICP备17006298号-1
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="../js/swiper-bundle.js"></script>
  <script>
    var mySwiper = new Swiper('.swiper', {
      autoplay: {
        delay: 3000
      },
      loop: true,//循环模式选项
      //如果需要滚动条
      pagination: {
        el: '.swiper-pagination',
      },
    })
  </script>
</body>

</html>